<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>${category.name}</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <meta name="description" content="${category.description}" />
    <meta name="keywords" content="${category.keywords}" />
    <style>

        .container{
            width:100%;
        }
        /*焦点图*/
        .banner{
            width:100%;
            height:601px;
        }
        .banner img{
            display:block;
            width:100%;
            height:601px;
        }


        /*大众货源*/
        .goods{
            width:100%;
            height:1070px;
        }
        .goods .row{
            width:1108px;
            height:100%;
            margin:0 auto;
        }
        .goods .row .title{
            width:100%;
            height:208px;
            padding-top:52px;
            text-align: center;
        }
        .goods .row .title span{
            display: block;
            width:24px;
            height:24px;
            background-color: #0c5a64;
            font-size:16px;
            color:#fff;
            text-align: center;
            line-height:24px;
            font-weight:600;
            margin:0 auto;
        }
        .goods .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .goods .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #fff;
        }
        .goods .row .contents{
            width:100%;
            height:810px;
        }
        .goods .row .contents .content1{
            width:100%;
            height:286px;
        }
        .goods .row .contents .content1 img{
            display:block;
            float:left;
        }
        .goods .row .contents .content1 div{
            width:500px;
            height:202px;
            background-color: #F5F5F5;
            padding-left:43px;
            padding-top:40px;
            float:left;
            margin-top:20px;
        }
        .goods .row .contents .content1 div h3{
            display:inline;
            padding-bottom:6px;
            border-bottom:2px solid #b1b1b1;
            margin-bottom:20px;
            font-size:26px;
        }
        .goods .row .contents .content1 div h4{
            background: none;
            border-left:none;
            font-size:24px;
            font-weight:normal;
            margin:0;
            padding:0;
            margin-bottom:10px;
            margin-top:30px;
        }
        .goods .row .contents .content1 div p{
            font-size:16px;
            color:#464646;
            width:466px;
            line-height:26px;
        }
        .goods .row .contents .content2{
            width:100%;
            height:134px;
            padding-top:96px;
        }
        .goods .row .contents .content2 p{
            width:246px;
            height:46px;
            font-size:24px;
            border:1px solid #9d9d9d;
            border-radius:15px;
            line-height:46px;
            text-align: center;
            margin:0 auto;
        }
        .goods .row .contents .content3{
            width:988px;
            height:294px;
            padding:0 60px;
        }
        .goods .row .contents .content3 span{
            display:block;
            width:1px;
            height:150px;
            background-color: #a1a1a1;
            margin-top:27px;
            float:left;
        }
        .goods .row .contents .content3 div{
            width:370px;
            height:100%;
        }
        .goods .row .contents .content3 .left{
            float:left;
            margin-right:126px;
        }
        .goods .row .contents .content3 .right{
            float:right;
        }
        .goods .row .contents .content3 div img{
            display:block;
            margin:0 auto;
            margin-bottom:35px;
        }
        .goods .row .contents .content3 div p{
            font-size:16px;
            text-align: center;
        }


        /*花卷网*/
        .huajuan{
            width:100%;
            height:1332px;
        }
        .huajuan .top {
            width:100%;
            height:402px;
            background: url(huajuanBG.png) no-repeat 0 0;
        }
        .huajuan .top .title{
            width:100%;
            height:192px;
            padding-top:74px;
            text-align: center;
        }
        .huajuan .top .title span{
            display:block;
            width:24px;
            height:24px;
            background: #fff;
            color:#000;
            font-weight:600;
            text-align: center;
            line-height:24px;
            font-size:16px;
            margin:0 auto;
        }
        .huajuan .top .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
            color:#fff;
        }
        .huajuan .top .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background:none;
            color:#fff;
        }
        .huajuan .top .advantages{
            width:664px;
            height:136px;
            margin:0 auto;
        }
        .huajuan .top .advantages div{
            width:55px;
            height:55px;
            border:1px solid #fff;
            border-radius:20px;
            float:left;
            margin-right:64px;
        }
        .huajuan .top .advantages .last{
            margin-right:0;
        }
        .huajuan .top .advantages div span{
            display:block;
            font-size:16px;
            color:#fff;
            text-align: center;
            margin-top:6px;
        }

        .huajuan .bottom{
            width:100%;
            height:930px;
        }
        .huajuan .bottom .contents{
            width:1108px;
            height:100%;
            margin:0 auto;
        }
        .huajuan .bottom .contents .content1{
            width:100%;
            height:106px;
            padding-top:62px;
        }
        .huajuan .bottom .contents .content1 p{
            width:246px;
            height:46px;
            font-size:24px;
            border:1px solid #9d9d9d;
            border-radius:15px;
            line-height:46px;
            text-align: center;
            margin:0 auto;
        }
        .huajuan .bottom .contents .content2{
            width:100%;
            height:248px;
            background-color: #f5f5f5;
            margin-bottom:46px;
        }
        .huajuan .bottom .contents .content2 ul{
            width:404px;
            height:62px;
            margin:0 auto;
            padding-top:56px;
        }
        .huajuan .bottom .contents .content2 ul li{
            font-size:20px;
            font-weight:600;
            height:30px;
            line-height:30px;
            list-style: disc;
        }
        .huajuan .bottom .contents .content2 ul .left{
            float:left;
        }
        .huajuan .bottom .contents .content2 ul .right{
            float:right;
        }
        .huajuan .bottom .contents .content2 p{
            font-size:18px;
            color:#4e4e4e;
            text-align: center;
        }
        .huajuan .bottom .contents .content3{
            width:100%;
            height:468px;
        }
        .huajuan .bottom .contents .content3 div{
            width:341px;
            height:376px;
            background-color: #22393f;
            margin-right:42px;
            float:left;
        }
        .huajuan .bottom .contents .content3 .last{
            margin-right:0;
        }
        .huajuan .bottom .contents .content3 div p{
            width:280px;
            height:78px;
            font-size:14px;
            color:#fff;
            margin:0 auto;
            padding-top:28px;
        }
    </style>
</head>
<body>

<%--焦点图--%>
<div class="banner">
    <img src="banner5.png">
</div>

<%--大众货源--%>
<div class="goods">
    <div class="row">
        <div class="title">
            <span>1</span>
            <h2>PUBLIC GOODS</h2>
            <h4>大众货源</h4>
        </div>
        <div class="contents">
            <div class="content1">
                <img src="goods1.png"/>
                <div>
                    <h3>大众货源</h3>
                    <h4>雅泰货源平台</h4>
                    <p>是集万千家资源，精选数万种优质商品，搭建起的全品类货源平台。</p>
                </div>
            </div>
            <div class="content2">
                <p>信息共享+互联互通</p>
            </div>
            <div class="content3">
                <div class="left">
                    <img src="goods2.png"/>
                    <p>为学员在淘宝创业提供免费的商品资源和后期服务，</p>
                    <p>从根本上解决学员电商培训后</p>
                    <p>“不会选品、无货源、起步慢”的困扰。</p>
                </div>
                <span class="line"></span>
                <div class="right">
                    <img src="goods3.png"/>
                    <p>为学员提供强有力的商品资源和相应的服务保障，</p>
                    <p>让学员更专注后期推广以及客户维护等工作。</p>
                </div>
            </div>
        </div>
    </div>
</div>


<%--花卷网--%>
<div class="huajuan">
    <div class="top">
        <div class="title">
            <span>2</span>
            <h2>HUAJUAN</h2>
            <h4>花卷网</h4>
        </div>
        <div class="advantages">
            <div>
                <span>自主</span>
                <span>研发</span>
            </div>
            <div>
                <span>购物</span>
                <span>返利</span>
            </div>
            <div>
                <span>不需</span>
                <span>存货</span>
            </div>
            <div>
                <span>不需</span>
                <span>经营</span>
            </div>
            <div>
                <span>不需</span>
                <span>客服</span>
            </div>
            <div class="last">
                <span>0</span>
                <span>成本</span>
            </div>
        </div>
    </div>

    <div class="bottom">
        <div class="contents">
            <div class="content1">
                <p>“花卷网”</p>
            </div>
            <div class="content2">
                <ul>
                    <li class="left">雅泰集团自主研发</li>
                    <li class="right">购物返利系统平台</li>
                </ul>
                <p>平台选择从“阿里妈妈”大数据库里面获取数以万计的全网营销商品，提供在淘宝等平台看不到的商品优惠券信息，采用以</p>
                <p>“人”为本，“人人”销售的模式，用户不仅是买家，同样也是卖家。</p>
            </div>
            <div class="content3">
                <div>
                    <img src="huajuan1.png"/>
                    <p>学员培训之后可申请成为平台卖家，拥有自己的店铺，通过推广自己的店铺或者是商品，用户购买，自己就可以获得推广佣金。</p>
                </div>
                <div>
                    <img src="huajuan2.png"/>
                    <p>形成不需要存货，不需要经营，不需要客服，零成本，快速盈利的微商创业模式。</p>
                </div>
                <div class="last">
                    <img src="huajuan3.png"/>
                    <p>目前平台卖家已经超过5000人，平台用户已经超过10万人，具有广泛的用户基础和巨大的发展潜力。</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
